<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" th:href="@{/rec/css/caipustyle.css}"/>
		<link rel="stylesheet" type="text/css" href="/static/rec/css/caipu.css" th:href="@{/rec/css/caipu.css}"/>
	</head>
	<body>
		       <div class="nav">
        	<ul class="uu-nav">
                	<li class="logo">DC-菜谱</li>
                    <li class="ico">三</li>
                </ul>
            </div>
 <div class="bananer">
 	<img th:src="@{/rec/img/banner1.jpg}"/>
 </div>
 <nav>
    	<h3>菜谱大全</h3>
    	<h4>"DC-美食"让你品尝不一样的味道！一个美食云集的地方。</h4>
</nav>
<div class="cp-list min-width">
	<ul>
		<li th:each="eo : ${eo}" style=" display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; width: 200px;">
			<div class="cp-img"><img th:src="'http://img_hxyool.cn/' + ${eo.foodPromotionImg}" style="height: 200px; width: 200px;"/></div>
			<h4 th:text="${eo.foodPromotionName}">玫瑰鼓油鸡</h4>
			<div th:text="${eo.foodPromotionPrice}"></div>
			<p th:text="${eo.foodPromotionIntroduce}">玫瑰鼓油鸡色泽金黄，味甘香，豉油味浓，肉滑。在广式菜系中，玫瑰豉油鸡具有补血益气、滋阴养颜的功效。这道凉菜鲜香、味美、肉嫩、皮脆。对女性起到暖宫的作用。</p>
		</li>

	</ul>
</div>
	<script th:src="@{/rec/js/nav.js}" type="text/javascript">
	</script>
	</body>
</html>
